const UserProfile = {
    template: `
  <el-table :data="[userData]" :style="tableStyle">
    <el-table-column label="用户名" prop="adminUsername"></el-table-column>
    <el-table-column label="姓名" prop="adminName"></el-table-column>
    <el-table-column label="电话号码" prop="adminTelenumber"></el-table-column>
    <el-table-column label="用户组">
      <template #default="{ row }">
        <el-tag size="small">{{ row.role }}</el-tag>
      </template>
    </el-table-column>
  </el-table>
    `,
    setup() {
        const userData = ref(JSON.parse(localStorage.getItem('userData') || '{}'));
        const tableStyle = {
            backdropFilter: "blur(10px)",
            WebkitBackdropFilter: "blur(10px)",
            borderRadius: "12px",
            boxShadow: "0 4px 10px rgba(0, 0, 0, 0.1)",
            border: "1px solid rgba(255, 255, 255, 0.4)",
            overflow: "hidden"
        }
        return {
            userData,
            tableStyle
        };
    }
};
